<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/bootstrap4.5.min.css">
    <link rel="stylesheet" href="../css/public.css">
    <title>技能培训模板</title>
    <style>
        .contactUs {
            width: 100%;
        }

        .contactUs_flexBox1 {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            flex-wrap: wrap;
        }

        .contactUs_flexBox2 {
            display: flex;
            flex-direction: row-reverse;
            justify-content: space-between;
            flex-wrap: wrap;
        }

        .contactUs_textBox {
            text-align: center;
            color: var(--c_subtitle);
            font-size: var(--f_describe);
            line-height: var(--l_describe);
            width: 100%;
            margin-bottom: 60px;
        }

        .contactUs_leftImg {
            width: 36.5%;
            height: 504px;
            padding-left: 100px;
        }

        .contactUs_leftImg img {
            width: 100%;
            height: 100%;
        }

        .contactUs_rightText {
            width: 48.5%;
            padding: 40px 100px 40px 0;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .contactUs_rightText_toptext {
            color: var(--c_text);
            font-size: var(--f_text);
            line-height: var(--l_text);
        }

        .contactUs_rightText_bottomtext p,
        .contactUs_rightText_bottomtext p a {
            color: var(--c_text);
            font-size: var(--f_text);
            line-height: var(--l_text);
        }

        @media(max-width: 768px) {
            .contactUs_textBox {
                margin-bottom: 20px;
            }

            .contactUs_leftImg {
                width: 100%;
                padding-left: 0;
                height: 280px;
                text-align: center;
            }

            .contactUs_leftImg img {
                width: 240px;
                height: 280px;
            }

            .contactUs_rightText {
                width: 100%;
                padding: 20px 0 0 0;
            }

            .contactUs_rightText_bottomtext {
                margin-top: 10px;
            }
        }
    </style>
</head>

<body>
    <!-- 技能培训第三套 联系我们 -->
    <div class="contactUs modular title_center">
        <div class="public_title">
            <h2>—— 联系我们 ——</h2>
            <p>ABOUST US</p>
        </div>
        <div class="public_width contactUs_flexBox1">
            <div class="contactUs_textBox">
                <p>2013年品牌开展加盟创业项目。给广大爱好舞蹈的消费者提供了就业的机会。注重推出的“全能教练班”课程让至少上千余人通过我们品牌完成了做舞蹈老师的梦想。提升了广大女性，毕业大学生的就业率。大大提高了很多人的薪资待遇，并改善消费水平。使得跟更多女性变得更加自信有魅力。
                </p>
            </div>
            <div class="contactUs_leftImg">
                <img src="../images/number_3.jpg" alt="">
            </div>
            <div class="contactUs_rightText">
                <div class="contactUs_rightText_toptext">
                    <p>随着社会的发展，人们对健身的意识越来越强，舞蹈行业也被越来越多的人喜爱。发展前景也是越来越好。我们本着：健身，娱乐一体化的经营理念，势必把公司品牌做到全国较大专业的舞蹈培训机构。</p>
                </div>
                <div class="contactUs_rightText_bottomtext">
                    <p>联系QQ：<a href="">258506508</a></p>
                    <p>手机号码：<a href="">130000000</a></p>
                    <p>联系邮箱：<a href="">xxx@.co.m</a></p>
                    <p>联系电话：<a href="">020-000000</a>&nbsp;&nbsp;<a href=""></a>000-000-0000 </p>
                    <p>联系地址：XXX省XXX市XXX县XXX路XXX号</p>
                </div>
            </div>
        </div>
    </div>
</body>

</html>